<template>
  <!-- data-ride="carousel" 自动轮播 -->
  <div id="myCarousel" data-ride="carousel" data-interval="5000" class="carousel slide" >
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="item active">
        <img src="static/pic/carousel/1.jpg" alt="第一张"><!--static/pic/carousel/1.jpg-->
      </div>
      <div class="item">
        <img src="static/pic/carousel/1.jpg" alt="第二张">
      </div>
      <div class="item">
        <img src="static/pic/carousel/1.jpg" alt="第三张">
      </div>
    </div>
    <a href="#myCarousel" data-slide="prev" class="carousel-control left">&lsaquo;</a>
    <a href="#myCarousel" data-slide="next" class="carousel-control right">&rsaquo;</a>
  </div>
</template>

<script>
  export default {
    name: 'carouselTemp',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

